<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../common/css/animate.min.css">
  <link rel="stylesheet" href="../common/css/bootstrap.css">
  <link rel="stylesheet/less" href="../common/css/reset.less">
  <link rel="stylesheet/less" href="../common/css/common.less">
  <link rel="stylesheet/less" href="./index.less">
  <title>Document</title>
</head>

<body>
  <div class="box">
    <!-- 头部导航 -->
    <div class="head_nav">
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <!-- 移动端 导航 -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
              <img class="nav_logo" src="../common/images/logo.png" alt="">
              <img class="nav_bg" src="../common/images/nav_bg.png" alt="">
            </a>
          </div>

          <!-- pc 端导航 -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <div class="nav_ ">
              <ul class="nav navbar-nav navbar-right" id="ul_">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
                    aria-expanded="false">
                    旗下网站 <span class="caret"></span>
                  </a></li>
              </ul>
              <ul class="nav navbar-nav navbar-right" id="m_nav">
                <li><a href="../index/index.html">了解文豆</a></li>
                <li><a href="../cases/index.html">案例展示</a></li>
                <li><a href="#">服务介绍</a></li>
                <li><a href="../news/index.html">资讯中心</a></li>
                <li><a href="../contact/index.html">联系我们</a></li>
                <li><a href="../about/index.html">关于我们</a></li>
              </ul>
            </div>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
    </div>
    <!-- 轮播图 -->
    <div class="banner">
      <div class="banner_img">
        <img src="../common/images/banner.png" alt="">
      </div>
      <div class="banner_text">
        <p>我们拥有专业的网站建设团队</p>
        <p>拥有完美的电子商务解决方案</p>
        <p>设计·创意·方案</p>
      </div>
      <ul class="banner_btns">
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <!-- 资讯中心 -->
    <div class="information">
      <div>
        <div class="left">
          <ul class="left_1">
            <li>
              <img src="../common/images/info_icon1.png" alt="">
              <div>移动端应用开发解决方案</div>
            </li>
            <li>
              <img src="../common/images/info_icon2.png" alt="">
              <div>移动端应用开发解决方案</div>
            </li>
            <li>
              <img src="../common/images/info_icon3.png" alt="">
              <div>移动端应用开发解决方案</div>
            </li>
            <li>
              <img src="../common/images/info_icon4.png" alt="">
              <div>移动端应用开发解决方案</div>
            </li>
            <li>
              <img src="../common/images/info_icon5.png" alt="">
              <div>移动端应用开发解决方案</div>
            </li>
            <li>
              <img src="../common/images/info_icon6.png" alt="">
              <div>移动端应用开发解决方案</div>
            </li>
          </ul>
          <div class="left_2">
            <p>电子商务方案</p>
            <p>电子商务,B2B,B2C,C2C,O2O</p>
            <p>基于多年网络营销和自身在电子商务运营的基础上形成的解决方案。 电子商务（E-COMMERCE）：从广义上说，是指以电子设备为媒介进行的商务活动；从狭义上说，是指以计算机网络为基础所进</p>
          </div>
        </div>
        <div class="right">
          <div class="right_tab">
            <ul class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                  data-toggle="tab">资讯中心</a></li>
            </ul>
            <div class="more">
              <span>More</span>
              <img src="../common/images/more_icon.png" alt="">
            </div>
          </div>
          <ul class="right_new">
            <li> <span class="span1">➡</span> Ghost 博客中文版 0.5.5 正式发布 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> 10款提高iOS开发效率的XCode插件  <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> ONES-PHP开源企业管理软件 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> PHP系统设计与云架构 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> 帮助你克服新手程序员最怕的事情 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> 使用虚拟化来做PHP开发让你更专业 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> 推荐给程序员的6款bootstrap模板 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> 网页设计中的“点、线、面 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> 百度站长学院：如何防止网站内部搜索被他人恶 <span class="span2">2014-11-25</span> </li>
            <li> <span class="span1">➡</span> 2014年全球网站设计的15个趋势 <span class="span2">2014-11-25</span> </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 优秀案例 -->
    <div class="case">
      <div>
        <div class="title">
          <div class="title_box">
            <span>优秀案例/</span>
            <span>Excellent cases</span>
          </div>
          <div class="more_box">
            <span>more</span>
            <img src="../common/images/more_icon.png" alt="">
          </div>
        </div>
        <div class="imgs">
          <div class="imgs_box">
            <img src="../common/images/web1.png" alt="">
            <img src="../common/images/web2.png" alt="">
            <img src="../common/images/web3.png" alt="">
          </div>
          <div class="icons">
            <img class="icon_left" src="../common/images/icon_left.png" alt="">
            <img class="icon_right" src="../common/images/icon_right.png" alt="">
          </div>
        </div>
      </div>
    </div>
    <!-- 联系我们 -->
    <div class="contact">
      <div>
        <div class="dv1">
          <p>为什么选择文豆</p>
          <p> <span>文豆集团</span>是一家提供互联网服务的高科技集团公司，集策划、设计、前端优化、研发、测试、系统运维、网站推广、运营、团队外包及互联网人才培养为一体的成熟业务体系；
            主要提供高品质网站建设方案，移动端应用开发方案，微应用、微商城、微官网、微互动营销解决方案，企业信息化解决方案，以及PHP网站开发、Java开发、UI设计、淘宝美工人才培养服务，人才外包服务，高端IT人才猎头服务。</p>
          <div>详情点击➡</div>    
        </div>
        <div class="dv2">
          <p>服务特色</p>
          <div>
            <div class="dv2_img"><img src="../common/images/contact_img.png" alt=""></div>
            <div class="dv2_msg">
              <p>网站建设</p>
              <p>文豆集团，是一家具有独立注册商标的网络科技公司。</p>
              <p>营销推广</p>
              <p>网络推广就是利用互联网进行宣传推广活动 。被推广对象可以是企业、产品、政府以及个人 的信息和网站等。据09年调查显示，中国93% 的企业.</p>
              <div class="more">详情点击➡</div>    
            </div>
          </div>
        </div>
        <div class="dv3">
          <p>联系我们</p>
          <div>
            <img src="../common/images/contact_icon.png" alt="">
            <div class="ps">
              <p>广州: 400-889-7654</p>
              <p>深圳: 400-889-8076</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
      <div>
        <div class="dv1">
          <ul>
            <li><a href="#">了解文豆</a></li>
            <li><a href="#">案例展示</a></li>
            <li><a href="#">服务介绍</a></li>
            <li><a href="#">资讯中心</a></li>
            <li><a href="#">资讯中心</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#" class="last_a">合作伙伴</a></li>
          </ul>
        </div>
        <div class="dv2">
          <div class="left">
            <div class="left_1">
              <p>文豆集团 Copyright 2009-2015 All Rights Reserved wengdo	</p>
              <p>法律顾问：广东晟晨律师事务所－张勇律师</p>
            </div>
            <div class="left_2">
              <p>粤ICP备12022584号－3</p>
            </div>
          </div>
          <div class="right">
            <span>分享到:</span>
            <div>
              <img src="../common/images/bottom_icon1.png" alt="">
              <img src="../common/images/bottom_icon2.png" alt="">
              <img src="../common/images/bottom_icon3.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="../common/js/jquery-3.6.0.js"></script>
  <script src="../common/js/bootstrap.min.js"></script>
  <script src="../common/js/wow.min.repeat.js"></script>
  <script src="../common/js/common.js"></script>
  <script src="../common/js/less.min.js"></script>
</body>

</html>